<!DOCTYPE html>
<html>
<head>
	<title>Table Colspan and Rowspan</title>

	<style type="text/css">
		table{border-collapse:collapse;}
		td{padding:6px;border:1px solid #000}
		.row1{background-color:#ff0;}
		.row2{background-color:#fc6;}
		.row3{background-color:#ccf;}
		.row4{background-color:#fe6;}
		.row5{background-color:#daf;}
	</style> 
</head>
<body>
	
	<table cellspacing="0" cellpadding="3">
		<tr class="row1">
			<td colspan = "3"!-- colspan zaema mqstoto kolkoto kletki zadadesh --> Title goes here</td>
			<td > A</td>
			<td> B </td>
		</tr>
		
		<tr class="row2">
			<td rowspan = "3"!-- rowspan zaema mqstoto na kolkoto redove zadadesh -->C</td>
			<td >D</td>
			<td>E</td>
			<td>F</td>
			<td>G</td>
		</tr>
		
		<tr class="row3">
			<td>H</td>
			<td colspan="2" cellpadding="5" >I</td>
			<td rowspan="2" >J</td>
		</tr>
		<tr class="row4">
			<td>K</td>
			<td>L</td>
			<td>M</td>
		</tr>
		<tr class="row5">
			<td>N</td>
			<td colspan="4" align="right">O</td>
		</tr>
	</table>

</body>
</html>